<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易云课堂</title>
    <link rel="icon" href="img/youdao.png">
    <link rel="stylesheet" href="css/youdao.css">
</head>
<body>
    <!-- 类型展示导航 -->
    <div class="navbox">
        <img class="navlogo" src="img/ketanglogo.png" alt="">
        <ul class="navul">
            <li><a href="./../词典/cidian.html">词典</a></li>
            <li><a href="#">下载APP</a></li>
            <li><a href="#">主页</a></li>
            <li><a href="#">我的学习</a></li>
            <li><a href="#">会员中心</a></li>
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
        </ul>
        <div class="ssk">
            <div class="ssktext">
                <input class="sskinput" type="text" size="30px">
                <input class="sskbt" type="submit" value="搜索">
            </div>
        </div>
    </div>
    <!-- 轮播图和它左侧的菜单 -->
    <div class="carousebox">
        <img class="img" src="./img/轮播2.png" alt="">
        <div class="jiantouz">&lt;</div>
        <div class="jiantouy">&gt;</div>
        <div class="leftbox">
            <ul class="leftlist">
                <li>有道英语&nbsp;实用口语<span>&gt;</span></li>
                <li>有道考研&nbsp;全科定制<span>&gt;</span></li>
                <li>有道考证&nbsp;健康管理<span>&gt;</span></li>
                <li>大学考试&nbsp;四六级<span>&gt;</span></li>
                <li>IT互联网&nbsp;数据分析<span>&gt;</span></li>
                <li>设计创作&nbsp;视频制作<span>&gt;</span></li>
                <li>职场提升&nbsp;办公效率<span>&gt;</span></li>
                <li>兴趣副业&nbsp;投资理财<span>&gt;</span></li>
            </ul>
        </div>
    </div>
    <!-- 服务和部分展示 -->
    <div class="addbox">
        
        <div class="santup">
            <div style="font-size: 30px;">直播公开课</div>
            <ul>
                <li>
                    <a href="#"><img src="./img/ke1.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./img/ke2.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./img/ke3.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./img/ke4.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./img/ke5.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="./img/ke6.png" alt=""></a>
                </li>
            </ul>
        </div>
    </div>

</body>
</html>